<template lang="html">
  <div class="footer">
    <div class="footer-02">
      <div class="w1200">
        <div class="bot-logo">
          <img src="../../assets/images/lawyer-botLogo.png" alt="">
        </div>
        <div class="footer-intro fl">
          “律师名人堂”是由解忧小二创设，由国内众多知名律师事务所的主任、高级合伙人、合伙人联合支持的高端律师名人推荐平台。精选全国各地各专业的金牌大咖律师坐堂成为律师名人。 律师名人堂的宗旨是：“聚合TOP 1%的律师名人，服务TOP 10%的成长期企业”。律师名人堂是法律从业人员快速进入高端法律圈、与高端法律人士共事的理想平台。
        </div>
        <div class="about fl">
          <ul>
            <li class="tit">关于</li>
            <li><a href="http://jieyouxiaoer.com/aboutus.php" target="_blank">关于我们</a></li>
            <li><a href="http://jieyouxiaoer.com/contact.php" target="_blank">联系我们</a></li>
            <li><a href="http://jieyouxiaoer.com/apply_index.php" target="_blank">邀请入驻</a></li>
          </ul>
        </div>
        <div class="footer-code fl">
          <img src="../../assets/images/lawyer-code2.png"/>
        </div>
        <div class="footer-contact fl">
          <div class="footer-tel"><div><p class="tit layTit">4008-260-272</p><p>周一至周五  9:00-18:00</p></div></div>
          <div class="telbox layTelBox">在线咨询热线</div>
          <div class="footer-mail"><p>客服邮箱 : service@jieyouxiaoer.com</p></div></div>
      </div>
    </div>
    <div class="footer-03">
      <div class="w1200">
        <p>
          友情链接：
          <a href="http://www.ccb.com/cn/home/indexv3.html" target="_blank">中国建设银行</a>
          <a href="http://www.pingan.com/" target="_blank">中国平安银行</a>
          <a href="http://lawyer.jieyouxiaoer.com/">律师名人堂</a>
          <a href="http://www.hzwotu.com/">沃土股份</a>
          <a href="http://www.nonolady.com/" target="_blank">NONOLADY</a>
          <a href="http://www.yingkelawyer.com/" target="_blank">盈科律师事务所</a>
          <a href="http://www.dachengnet.com/" target="_blank">大成律师事务所</a>
          <a href="javascript:void(0);">联瑞知识产权集团</a>
          <a href="https://www.edianzu.com/" target="_blank">易点租</a>
          <a href="http://www.uubee.com/" target="_blank">有贝支付</a>
          <a href="http://www.xiaonei.org.cn/" target="_blank">中国高校创新创业联盟</a>
        </p>
      </div>
    </div>
    <div class="copyright">
      版权所有：杭州星阁网络科技有限公司 © 2017&nbsp;&nbsp;&nbsp;浙ICP备17015685号-1&nbsp;&nbsp;&nbsp; &copy;&nbsp;客服邮箱: service@jieyouxiaoer.com
    </div>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="less" scoped>
.footer{
  width: 100%;
  min-width: 1200px;
  height: auto;
  overflow: hidden;
}
.footer-02{
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #929292;
  color: #fff;
  padding: 22px 0 44px;
  .footer-intro{
    width: 605px;font-size: 14px;line-height: 28px;
    color: #fff;text-indent: 4em;
  }
  .about{
    margin-left: 64px;border-right: 1px solid #fff;
    padding-right: 38px;margin-right: 18px;
    li{
      line-height: 28px;color: #fff;
      a{
        font-size: 14px;color: #cccccc;
        &:hover{color: #fff;}
      }
    }
  }
  .footer-code{
    height: auto;
    overflow: hidden;
    margin-left: 20px;
    img{
      vertical-align: top;
      width: 101px;height: 101px;
    }
  }
  .footer-contact{
    height: auto;overflow: hidden;
    font-size: 12px;width: 250px;text-align: center;
    .footer-tel{
      height: auto;
      overflow: hidden;
    }
    p{color: #fff;}
    p.tit{
      font-size: 14px;color: #ffa324;
      padding-bottom: 5px;font-style: italic;
    }
    .telbox{
      width: 116px;height: 23px;color: #f5a41a;
      border:1px solid #f5a41a;text-align: center;
      line-height: 23px;border-radius: 4px;
      margin: 15px auto;
    }
    p.layTit{
      font-size: 16px;color: #a55941;
    }
    .layTelBox{
      color: #a55941;border-color: #a55941;
    }
  }
}
.footer-03{
  height: auto;
  overflow: hidden;
  font-size: 12px;
  padding:20px 0 10px;
  background-color: #656565;
  color: #fff;
  p{
    margin-bottom: 10px;
    line-height: 20px;
    color: #fff;
    a{
      display: inline-block;
      border-left:1px solid #fff;
      height: 16px;
      line-height: 16px;
      color: #fff;
      margin-left: 8px;
      padding-left: 10px;
      &:first-child{
        margin-left: 0;
        border-left:none;
      }
      &:hover{color: #f6ac19;}
    }
  }
}
.copyright{
 height: 65px;
  line-height: 65px;
  width: 100%;
  min-width: 1200px;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
</style>
